<template>
  <a-modal v-model:visible="visible" @close="handleClose">
    <template #title> Title </template>
    <div>
      You can customize modal body text by the current situation. This modal
      will be closed immediately once you press the OK button.
    </div>
  </a-modal>
</template>

<script setup lang="ts">
  import { ref } from 'vue';

  const emit = defineEmits(['close']);
  const visible = ref(true);

  const handleClose = () => {
    emit('close');
  };
</script>
